<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title>网站数据同步微信|成都响应式网站建设|响应式网站设计公司|成都网站建设|成都HTML5网站建设|成都隆领科技有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="网站数据同步微信|成都网站建设|响应式网站设计公司|成都响应式网站建设|成都HTML5|网站建设成都隆领科技有限公司" />
    <meta name="description" content="网站数据同步微信|成都响应式网站建设|响应式网站设计公司|成都网站建设|成都HTML5网站建设|成都隆领科技有限公司" />
    <link rel="stylesheet" type="text/css" href="/template/longling/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/template/longling/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/template/longling/css/animate.css" />
    <link rel="stylesheet" type="text/css" href="/template/longling/css/flexslider.css" />
    <link rel="stylesheet" type="text/css" href="/template/longling/css/main.css" />
    <link rel="shortcut icon" href="/template/longling/favicon.ico" type="image/x-icon">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/template/longling/js/jquery-1.11.3.min.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/template/longling/js/html5shiv.min.js"></script>
    <script src="/template/longling/js/respond.min.js"></script>
    <![endif]-->
</head>
	<body>
		<!-- start navigation -->
		<nav class="navbar navbar-default">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand hidden-xs" href="/index.html"><img src="/template/longling/images/logo.png" alt="logo.png" /></a>
					<a class="navbar-brand small visible-xs" href="/index.html"><img src="/template/longling/images/logo-small.png" alt="logo.png" /></a>
					<span style="font-size: 18px;color: #ED2123;font-weight: bold;" class="visible-xs">隆领</span>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="/index.html#home" class="smoothScroll">首 页</a></li>
						<li><a href="/index.html#about" class="smoothScroll">公 司</a></li>
						<li><a href="/index.html#service" class="smoothScroll">服 务</a></li>
						<li><a href="/index.html#case" class="smoothScroll">案 例</a></li>
						<li><a href="/index.html#news" class="smoothScroll">动 态</a></li>
						<li><a href="/index.html#contact" class="smoothScroll">联 系</a></li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!-- end navigation -->
		<!-- start news -->
		<section id="details">
			<div class="details-header text-center">
                <h3>谈谈网站建设应如何正确使用html5？</h3>
                <p>发布日期：2017-07-04</p>
			</div>
			<div class="details-content text-left container">
				<p style="text-indent:2em;">
	<span style="font-family:&quot;font-size:16px;line-height:2;">HTML5作为网站建设的新一代程序语言，经过几年的发展，其书写的规范和标准终于尘埃落定，它主要改良的是手机网站建设中存在的复杂问题，开发者可直接在手机网页上对网站进行调试或者修改，但是很多用户并没有真正认识到其优势所在，仅仅是因为html热潮而跟风运用，没能很好地将其优势发挥，那么，网站建设应如何正确使用html5呢？</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 随着智能手机的普及，越来越多的用户获取信息都将来自于移动端，因此手机端网站越来越受到用户的追捧，为了适应广大用户的需求，推行的hml5语言是构建手机网站的最优程序。在此之前，很多企业认为手机端网站的开发会浪费过多的时间和精力，为了适应不同型号的手机，网站需要不断地重复调试和解决各种兼容问题，才能确保用户体验，如今的html5已经方便得多，能够快速让页面浏览能够更加顺畅。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 但是，正因为这一特性，很多开发者会错误地认为，只要运用html5都能让网站得到优化，于是出现了许多运用于pc网站的html页面建设，没有独立的手机网站，这样做的目的是希望通过pc端网站的用户流量也能带动移动端的用户，而用户通过移动端访问网站时可以减少兼容性问题，换句话说，改造旧网站适应新环境，仅此而已。其实，这种运用方式对于html5来说未免是种敷衍，所谓的与时俱进，追求创新的网站建设不过是华丽丽的外衣，实质性的意义微乎其微，只有正确认识html5，对网站建设才有真正的价值可言。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 首先，html5可以虽然减少浏览器上的碎片，适应各种平台的网站兼容转换，但是把它运用于网站中，必须改变网站思维，从新审视网站结构的组成，各种不同设备的内容框架变化等等，是否符合用户体验需求，而不是凭空想象，盲目跟从。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 其次，网站html5运用得好，可以让网站程序更加清晰简洁，在移动端或者PC端可以改造网站优化环境，有利于搜索引擎的抓取，尤其体现在FLASH动画的运用，视频的插入等各种多媒体的使用，取代了对搜索引擎不利的框架，避免了造成网站加载速度慢的现象。但是，同样不能因此它的优越性，而只顾丰富网站内容，过多的使用多媒体元素，导致网站的超负荷情况。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 再者，新技术的使用应该小心谨慎，即便是一个旧的网站想要焕然一新而更换成html5，前提都要对网站的安全性进行思考，有时候新语言固然有它的优势，但并不一定比旧的框架网站安全，对于网站保存下来的数据转移到新的网页上，或许会存在一些漏洞问题，一旦疏忽，将会造成不必要的损失。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 最后，最重要的就是html5的移动特性了，它的研究初衷就是为了适应各种移动设备的网站运用，如果你网站的重心不在移动端的话，建议慎用，对于pc端的不同浏览器适应性的长期发展应该有个考量，以免带来不必要的烦恼。</span><br />
<br />
<br />
<span style="font-family:&quot;font-size:16px;line-height:2;"> 网站建设正确使用html5是建立在正确认识html5的基础上，只有了解并掌握它的特性，才能真正实现新一代的网站，任何一种新技术的使用，都应成熟理性地对待。</span>
</p>			</div>
			<nav class="container">
			  	<ul class="pager">
                    <li class="previous"><a href="/news/news-details85.html"><span aria-hidden="true">&larr;</span> 上一篇</a></li>
                    <li class="next"><a href="/news/news-details87.html">下一篇 <span aria-hidden="true">&rarr;</span></a></li>
                </ul>
			</nav>
		</section>
		<!-- end news -->
		<!-- start footer -->
        <footer id="footer">
    <div class="container wow fadeInUp" data-wow-duration="0.4s" data-wow-delay="0.4s">
		<div class="row">
			<div class="col-md-2 erweima">
			 				<img class="img-responsive center-block" src="/uploads/img/201605/573accaf00000.jpg" alt="erweima" />
				 			</div>
			<div class="col-md-10 copyright">
				<p>成都隆领科技有限公司</p>
				<p>公司地址：成都市锦江区锦东路555号</p>
				<p>公司座机：13308008843</p>
				<p>联系电话：<a style="color: #999;text-decoration: none;" href="tel:13308008843">13308008843</a></p>
				<p><a href="http://wpa.qq.com/msgrd?v=3&uin=513340495&site=qq&menu=yes"><img src="/template/longling/images/qq.png" alt="" /></a></p>
				<p>
					Copyright  2017 longling  蜀ICP备15033034号-1  站长统计
					<span>
						<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1259106743'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259106743' type='text/javascript'%3E%3C/script%3E"));</script>
						<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1259106743'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259106743%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
					</span>
					<script language="javascript" type="text/javascript" src="http://js.users.51.la/19008066.js"></script>
					<noscript><a href="http://www.51.la/?19008066" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/19008066.asp" style="border:none" /></a></noscript>
					

				</p>
			</div>
		</div>	
	 </div>
</footer>
		<!-- end footer -->
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="/template/longling/js/bootstrap.min.js"></script>
		<script src="/template/longling/js/wow.min.js"></script>
		<script type="text/javascript">
			$(function() {
				/* 延迟动画 */
				new WOW().init();
			});
		</script>
	</body>
</html>